<!DOCTYPE html>
<html>
  <head>
    <title>Dicoogle web plugin test chamber (with React)</title>
    <script src='./document-register-element.js'></script>
    <script src='./require.js'></script>
    <script src="./react-0.13.0.js"></script>
    <script src='../../dist/dicoogle-webcore.js'></script>
    <style>
      div.slotdiv {
        margin-right: auto;
        max-width: 16cm;
        width: 100%;
        border-styl: ridge;
        border-width: 4px;
        border-color: #4499CC;
        padding: 8px;
      }
    </style>
  </head>
  <body>
    <h2>Test Chamber (with React)</h2>
    <p>This page holds a Dicoogle Web UI slot with the id <tt>fordummy</tt>.
    If you are hosting this web page directly through the Dicoogle server, then any plugin for this slot will be loaded
    automatically. Otherwise, try setting the server's base URL (in the code) and allow CORS on your browser.</p>
    <p>
      This page already contains React, which means plugins do not have to embed it. They can just <tt>require</tt> it.
    </p>
    
    <div class="slotdiv">
      <dicoogle-slot data-slot-id='fordummy'></dicoogle-slot>
    </div>
    
    <script>
      require(['dicoogle-webcore','react'], function(DicoogleWeb, React) {
        DicoogleWeb.init('http://localhost:8080/');
      });
    </script>
  </body>
</html>
